@charset "utf-8";

/*头部*/
header{background:#FFF; width:100%;height:120px;}
header .navbar-brand{float:left; width: 270px;display: flex; align-items: center; margin-top: 30px;}
header .navbar-brand img{max-width:100%;}

.head-r{float: left; width:calc((100% - 270px));}
	
.pcnav{float: left;width: calc(100% - 280px);}
.pcnav ul{margin: 0 1%;}
.pcnav ul li{float: left;position: relative;font-size: 17px;text-align: center;  line-height:120px; width: 16.666666%;}
.pcnav ul li a{color: #222;}
.pcnav ul li a.active{color: #cd2a30;}
.pcnav ul li:hover a{color: #cd2a30;}
.pcnav ul li .subnav{box-shadow: 0 13px 42px 11px rgba(0, 0, 0, 0.05);height: auto;left: 0;overflow: hidden;position: absolute;top: 100%;width:150px;z-index: 199;}
.pcnav ul li .subnav{filter: progid:DXImageTransform.Microsoft.Shadow(color=#cd2a30,direction=120,strength=5);opacity: 0;visibility: hidden;transition: all .6s ease 0s;transform: translate3d(0, 10px, 0);-moz-transform: translate3d(0, 10px, 0);-webkit-transform: translate3d(0, 10px, 0);}
.pcnav ul li:hover .subnav{opacity: 1;visibility: visible;transform: translate3d(0, 0, 0);-moz-transform: translate3d(0, 0, 0);-webkit-transform: translate3d(0, 0, 0);}
.pcnav ul li .subnav a{color: #666;display: block;font-size: 14px;line-height: 46px;height: 46px;width: 100%;background: #fff;}
.pcnav ul li .subnav a:hover{color: #FFF;background: #cd2a30;}

.dlg{float: left; width: 280px;}
.dlg .dy{float: left;width: 170px; margin-top:30px; font-size:18px;line-height:48px;font-weight:bold;}
.dlg .dy i{float: left; margin-right: 10px;}
.dlg .mail{float: left; width: 48px; height: 48px;line-height:48px;background: #267EF0; border-radius: 50%; text-align: center;margin-top:30px;}
.dlg .mail a{color: #FFF;font-size:15px;}
.dlg .lg{float: left; width: 48px; height: 48px;line-height:48px;background: #cd2a30; border-radius: 50%; text-align: center;margin-top:30px; margin-left: 10px;}
.dlg .lg a{color: #FFF;font-size:15px;}

/*底部信息*/
footer{overflow: hidden;background: #1e1e1e; padding: 60px 0;}

.foot-left{float: left;width: 35%;}
.foot-logo{overflow: hidden;}
.foot-logo img{max-width: 100%;}

.foot-contact{overflow: hidden; margin-top: 30px;}
.foot-contact span{font-size: 22px; color: #FFF;}
.foot-contact span em{color: #5e5e5e; font-size: 22px; margin-left: 10px;}
.foot-contact h2{font-size: 22px; color: #FFF;}
.foot-contact .line{display: block; margin: 10px 0; background: #5e5e5e; width: 44px; height: 2px;}
.foot-contact .text{display: block; margin: 10px 0; color: #5e5e5e; line-height: 26px;}

.foot-right{float: left;width: 65%;}
.footmenu{overflow: hidden; margin: 50px 0;}
.footmenu ul{}
.footmenu ul li{float: left; width: 16.666666%; text-align: center;}
.footmenu ul li a{color: #FFF;line-height: 26px; font-size: 17px;}
.footmenu ul li a:hover{color: #cd2a30;}

.foot400{float: left;width: 270px;color: #FFF; text-align: center;}
.foot400 span{display: block; font-size: 22px; margin: 30px 0;}
.foot400 b{font-size: 32px; font-weight: normal;}

.wx{float: left; width: calc((100% - 270px));}
.wx ul{}
.wx ul li{float: left; width: 31.3333333%; margin: 0 1%; text-align: center;}
.wx ul li span{display: block; padding: 8px 0; color: #5e5e5e;}
.wx ul li img{max-width: 90%;}

.copy{overflow: hidden;background: #1e1e1e; border-top: 1px solid #363636; padding: 30px 0; }
.copy-l{float: left; width: calc((100% - 170px));color: #5e5e5e;}
.copy-r{float: left; width: 170px;color: #5e5e5e;}
.copy-l a,.copy-r a{color: #5e5e5e;}
.copy-l a:hover,.copy-r a:hover{color: #cd2a30;}

/*BANNER*/
.swiper-slide{overflow: hidden; cursor: pointer;}
.swiper-slide img{max-width: 100%;}

/*首页模块标题*/
.home-bt{overflow: hidden; padding: 40px 0; } 
.home-bt span{font-size: 28px;}
.home-bt small{font-size: 14px;color: #999;}
.home-bt .line{display: block; margin: 10px 0; background: #cd2a30; width: 55px; height: 4px;}

.home-fuwu{overflow: hidden; margin-bottom: 50px;}
.home-fuwu ul{ margin-left: -1%; margin-right: -1%;}
.home-fuwu ul li{float: left; background: #f4f4f4; width: 23%; margin: 0 1%; padding:20px 10px; margin-bottom: 20px;}
.home-fuwu ul li .img{margin: 0 auto; text-align: center; background: #FFF; border-radius: 100%; width: 100px; height: 100px; line-height: 100px;}
.home-fuwu ul li .img img{max-width: 100%;}
.home-fuwu ul li h2{font-size: 17px; font-weight: bold; text-align: center; margin: 10px 0;}
.home-fuwu ul li .text{font-size: 13px; text-align: center; color: #999; line-height: 32px; padding: 0 15px;}
.home-fuwu ul li:hover .img{background: #cd2a30;}
.home-fuwu ul li:hover .img img{max-width: 100%;filter: grayscale(100%) brightness(700%);}


.home-aboutbg{overflow: hidden; background: #f4f4f4; padding: 70px 0;}
.home-aboutTit{float: left; width: 230px;background: #cd2a30; padding: 40px; position: relative; min-height: 600px;}
.home-aboutTit h2{float: left; font-size: 60px;font-weight: bold; width: 30px;line-height: 62px; color: #FFF;}
.home-aboutTit em{
	float: left;
    font-size: 108px;
    font-weight: bold;
    color: rgba(255, 255, 255, 0.2);
    transform: rotate(90deg);
    position: absolute;
    left: -204px;
    height: 50px;
    width: 600px;
    top: 275px;}
.home-aboutTit .nr{float: left;position: absolute;width: 50px;margin-left: 100px; color: #FFF;}
.home-aboutTit .nr p{float: left;width: 25px;line-height: 18px;}
.home-aboutr{float: left; width: calc((100% - 230px)); background: #FFF; padding: 50px; min-height: 600px;}
.home-aboutr .home-abouttext{float: left; width: 40%; margin-right: 3%;}
.home-aboutr .home-abouttext h2{font-size: 28px;}
.home-aboutr .home-abouttext .line{display: block; margin: 10px 0; background: #cd2a30; width: 55px; height: 4px;}
.home-aboutr .home-abouttext .text{margin: 40px 0; line-height: 26px; color: #999; text-align: justify;}
.home-aboutr .home-abouttext .more{display: block; background: #cd2a30; border-radius: 50px; width: 150px; height: 40px; line-height: 40px; text-align: center;}
.home-aboutr .home-abouttext .more a{color: #FFF;}
.home-aboutr .home-aboutimg{float: left; width: 57%;}
.home-aboutr .home-aboutimg iframe{width: 100%;  height: 350px;}

.digital{overflow: hidden; margin-top: 30px;}
.digital ul{}
.digital ul li{float: left; width: 25%;text-align: center;}
.digital ul li h2{float: left; font-size: 50px; font-weight: bold; color: #cd2a30;}
.digital ul li h5 i{display: block; font-size: 14px;font-style: normal; color: #999;}
.digital ul li h5{float: left; font-size: 16px; line-height: 20px; text-align: left;color: #333; margin-top: 10px; margin-left: 5px;}


.home-youshibg{overflow: hidden; background: url(../images/ysbg.jpg) no-repeat center; background-size: cover; padding: 50px 0;}
.home-youshiTit{overflow: hidden; text-align: center; color: #FFF;}
.home-youshiTit h2{font-size: 52px; font-weight: bold;}
.home-youshiTit span{font-size: 32px;}
.home-youshiTit span b{font-size: 70px;}
.home-youshiTit .line{ width: 120px; height: 4px; background: #FFF; margin: 0 auto;}
.home-youshiTit em{display: block; color: rgba(255, 255, 255, 0.2); font-size: 20px; margin: 20px 0;}
.home-youshi{overflow: hidden; margin: 30px 0;}
.home-youshi ul{ margin-left: -1%; margin-right: -1%;}
.home-youshi ul li{float: left; width: 23%; margin: 0 1%; background: #FFF;}
.home-youshi ul li .img{overflow: hidden;}
.home-youshi ul li .img img{max-width: 100%;}
.home-youshi ul li .text{padding: 20px;}
.home-youshi ul li .text h2{font-size: 26px; margin-bottom: 20px; font-weight: bold; position: relative;}
.home-youshi ul li:nth-of-type(1) .text h2::after{content: '01'; position: absolute; color: #cd2a30;font-size: 33px;right: 0;}
.home-youshi ul li:nth-of-type(2) .text h2::after{content: '02'; position: absolute; color: #cd2a30;font-size: 33px;right: 0;}
.home-youshi ul li:nth-of-type(3) .text h2::after{content: '03'; position: absolute; color: #cd2a30;font-size: 33px;right: 0;}
.home-youshi ul li:nth-of-type(4) .text h2::after{content: '04'; position: absolute; color: #cd2a30;font-size: 33px;right: 0;}
.home-youshi ul li .text p{color: #999; line-height: 24px; font-size: 13px; margin: 10px 0;}

.home-hezuo .img{overflow: hidden;}
.home-hezuo .img img{max-width: 100%;}

.home-hezuoTit{overflow: hidden;color: #FFF;}
.home-hezuoTit h2{font-size: 32px;}
.home-hezuoTit .line{display: block; width: 120px; height: 4px; background: #FFF; margin: 20px 0 40px 0;}

.HezuoSwiper{position: relative; margin-bottom: 30px;}
.HezuoSwiper .prev-hz,
.HezuoSwiper .next-hz{position: absolute;width: 56px;height: 56px;background-size: 56px 56px;}
.HezuoSwiper .prev-hz{left: -90px;background-image: url(../images/hz-left.png);}
.HezuoSwiper .next-hz{right: -90px;background-image: url(../images/hz-right.png);}

.home-casebg{overflow: hidden;background: #f4f4f4; padding: 50px 0;}
.home-caseTit-l{float: left;width: calc((100% - 150px));}
.home-caseTit-r{float: left;width:150px; margin-top: 70px;}
.home-caseTit-r .more{display: block; background: #cd2a30; border-radius: 50px; width: 150px; height: 40px; line-height: 40px; text-align: center;}
.home-caseTit-r .more a{color: #FFF;}
.CaseSwiper{position: relative; margin-bottom: 30px;}
.CaseSwiper .prev-cs,
.CaseSwiper .next-cs{position: absolute;width: 56px;height: 56px;background-size: 56px 56px;}
.CaseSwiper .prev-cs{left: -90px;background-image: url(../images/case-left.png);}
.CaseSwiper .next-cs{right: -90px;background-image: url(../images/case-right.png);}

.home-case .img{overflow: hidden;}
.home-case .img img{width: 100%;}
.home-case  h2{ text-align: center; background: #FFF; height: 50px ; line-height: 50px;}

.home-newsbg{overflow: hidden;padding: 50px 0;}
.home-news-l{float: left;width: calc((100% - 480px)); border-bottom: 2px solid #222; }
.home-news-l span{font-size: 32px; display: block; margin-bottom: 30px;}
.home-news-r{float: left;width:420px;margin-left: 50px; margin-top: 10px;}
.home-news-r .more{display: block; background: #cd2a30; border-radius: 50px; width: 150px; height: 40px; line-height: 40px; text-align: center; float: right;}
.home-news-r .more a{color: #FFF ;}

.home-news{float: left;width: calc((100% - 480px));}
.home-news-top{overflow: hidden; border-bottom: 1px dashed #e7e7e7; padding: 30px 0; margin-bottom: 20px;}
.home-news-top .img{float: left;width:250px; height: 160px; margin-right: 30px;}
.home-news-top .img img{width: 100%; height: 100%;}
.home-news-top .text{float: left;width:calc((100% - 280px));}
.home-news-top .text h2{font-size: 22px;}
.home-news-top .text time{display: block; color: #999; margin: 15px 0;}
.home-news-top .text p{color: #666; line-height: 26px;font-size: 13px;}
.home-news-list{}
.home-news-list ul{}
.home-news-list ul li{float: left;width: 49%; margin-right: 2%; border-bottom: 1px dashed #e7e7e7;line-height: 32px; padding: 10px 0; }
.home-news-list ul li:nth-of-type(2n+0){margin-right: 0;}
.home-news-list ul li span{float: left;width:calc((100% - 50px));position: relative; padding-left: 20px;}
.home-news-list ul li time{ float: left; color: #999; width: 50px;}
.home-news-list ul li span::before{content: '';position: absolute; width: 8px; height: 2px; background: #333;left: 0;margin-top: 15px;}


.home-faq{float: left;width:420px;margin-left: 50px;}
.home-faq ul{}
.home-faq ul li{overflow: hidden;padding:20px; border: 3px solid #e3e3e3; margin-bottom: 15px;}
.home-faq ul li:hover{border: 3px solid #cd2a30;}
.home-faq ul li h2{position: relative; padding-left: 30px; margin-bottom: 10px;font-size: 18px;}
.home-faq ul li h2::before{content: '';position: absolute;left: 0; background: url(../images/Q.png) no-repeat; width: 22px; height: 22px;}
.home-faq ul li p{position: relative; padding-left: 30px; color: #777;}
.home-faq ul li p::before{content: '';position: absolute;left: 0;background: url(../images/A.png) no-repeat; width: 22px; height: 22px;}



/*手机导航*/
#navToggle{position: relative;width: 30px;height: 20px;display: none;float: right; margin-top: 25px;}
#navToggle .line {background: #cd2a30;border-radius: 1px;display: block;height: 3px;top: 0;left: 0;transition: all 0.3s ease;transform-origin: center center;width: 100%;position: absolute;}
#navToggle .line1 {top: 0;}
#navToggle .line2 {top: 50%;margin-top: -1px;}
#navToggle .line3 {top: auto;bottom: 0;}

#navToggle.active .line{top: 50%;bottom: auto; margin-top: -1px;}
#navToggle.active .line1{transform: rotate(45deg);}
#navToggle.active .line2{opacity: 0;filter: alpha(opacity=0);}
#navToggle.active .line3{transform: rotate(-45deg);}

.mobileMenu{display: none;position: fixed;top: 70px;left: 0;width: 100%;height: calc(100% - 70px);background-color: #fff;overflow-y: auto;z-index: 400;border-top: 1px solid #dcdcdc;}
.mobileMenu ul {background: #fff;}
.mobileMenu ul li{transform: translate3d(0, 10px, 0);transition: transform 0.4s ease, opacity 0.4s ease;opacity: 0;}
.mobileMenu.h-show ul li{opacity: 1;transform: translate3d(0, 0, 0);}
.menu-item{display: flex;flex-direction: row;height: 100px;align-items: center; padding-left: 20px;padding-right: 20px;border-bottom: 1px solid #dcdcdc;position: relative;transition: all .5s;}
.menu-item i{font-size: 30px;display: block;font-style: normal;}
.menu-item a{font-size: 30px;color: #000;padding-left: 30px;}
.menu-item:hover i, .menu-item:hover a{color: #cd2a30;}
.menu li.on .menu-item i{color: #cd2a30;}

.menu_dl{display: none; padding-left: 4%;padding-top: 10px; padding-bottom: 10px;border-bottom: 1px solid #dcdcdc;}
.menu_dl dd a{font-size: 17px;color: #333;line-height: 64px;}
.menu_dl dd a:hover{color: #0f256e;}

.ovh-f{width: 100%;height: 100%;position: fixed;left: 0;top: 0;overflow: hidden;}
.menu-itemtit{display: flex;}

.menu-arrow{ font-size:30px; position: absolute;right: 15px;transform: rotate(-0deg);transition: all 0.4s; color: #999;}
.menu_li.on .menu-arrow{ transform: rotate(90deg);color: #FFF;} 
.menu-item{ height: 60px;}
.menu-item a{font-size:17px;padding-left: 20px;}
.Mobile-Foot{display: none;}



@media (min-width:1024px) and (max-width:1200px) {
    

 #navToggle{display: block;}
.head-r{display: none;}
header{height:70px;}
header .navbar-brand {width: 170px;margin-top: 10px;}


}

@media (min-width:768px) and (max-width:1023px) {


 #navToggle{display: block;}
.head-r{display: none;}
header{height:70px;}
header .navbar-brand {width: 170px;margin-top: 10px;}

.home-bt{padding: 30px 0;}
.home-bt span{font-size: 20px;}
.home-fuwu ul li{width: 31.333333%;}
.home-fuwu ul li:last-child{display: none;}
.home-fuwu ul li .text{height: 100px; line-height: 26px;}

.home-aboutTit{width: 100%;min-height:auto;}
.home-aboutTit .nr{position: inherit;width: 100%;margin-left: 0;}
.home-aboutTit h2{width: auto;font-size: 40px;}
.home-aboutTit em{font-size: 33px;left: -285px;}
.home-aboutTit .nr p{width: auto; clear: both;}
.home-aboutr{width: 100%;min-height: auto; padding: 30px;}
.home-aboutr .home-abouttext{width: 100%; margin-right: 0; margin-bottom: 30px;}
.home-aboutr .home-abouttext h2{font-size: 22px;}
.home-aboutr .home-abouttext .text{margin: 20px 0;}
.home-aboutr .home-aboutimg{width: 100%;}
.digital ul li{width: 50%;}

.home-youshiTit h2{font-size: 40px;}
.home-youshi ul li{width: 48%; margin-bottom: 30px;}
.home-youshi ul li .img img{width: 100%;}

.home-hezuo .img img{width: 100%;}
.HezuoSwiper .prev-hz,.HezuoSwiper .next-hz{display: none;}
.CaseSwiper .prev-cs,.CaseSwiper .next-cs{display: none;}

.home-news-l span{font-size: 20px;}
.home-news{width: 100%; margin-bottom: 30px;}
.home-faq{width: 100%;margin-left: 0;}

.foot-left{width: 100%;}
.foot-right{width: 100%;}
.footmenu{display: none;}

.copy-l{width: 100%;}
.copy-r{width: 100%;}
    
}
@media screen and (max-width:767px) {
    

 #navToggle{display: block;}
.head-r{display: none;}
header{height:70px;}
header .navbar-brand {width: 170px;margin-top: 10px;}

.dlg{margin-left: 36px;}

.home-bt{padding: 20px 0;}
.home-bt span{font-size: 18px;}
.home-fuwu ul li{width: 48%;}
.home-fuwu ul li .img{width: 70px; height: 70px;line-height: 70px;}
.home-fuwu ul li .img img{max-width: 60%;}
.home-fuwu ul li .text{height: 100px; line-height: 26px;}

.home-aboutTit{width: 100%;min-height:auto; padding: 30px;}
.home-aboutTit .nr{position: inherit;width: 100%;margin-left: 0;}
.home-aboutTit h2{width: auto;font-size: 30px;}
.home-aboutTit em{font-size: 33px;left: -285px;}
.home-aboutTit .nr p{width: auto; clear: both;}
.home-aboutr{width: 100%;min-height: auto; padding: 30px;}
.home-aboutr .home-abouttext{width: 100%; margin-right: 0; margin-bottom: 30px;}
.home-aboutr .home-abouttext h2{font-size: 20px;}
.home-aboutr .home-abouttext .text{margin: 20px 0;}
.home-aboutr .home-aboutimg{width: 100%;}
.digital ul li{width: 50%;}
.digital ul li h2{float: none;}
.digital ul li h5 {float: none;line-height: 24px;text-align: center;margin-top:0;margin-left: 0; margin-bottom: 20px;}

.home-youshiTit h2{font-size: 36px;}
.home-youshiTit span{font-size: 24px;}
.home-youshi ul li{width: 100%; margin-bottom: 30px;}
.home-youshi ul li .img img{width: 100%;}

.home-hezuoTit h2{font-size: 22px;}
.home-hezuo .img img{width: 100%;}
.HezuoSwiper .prev-hz,.HezuoSwiper .next-hz{display: none;}

.home-caseTit-l{width: 100%;}
.home-caseTit-r{width: 100%; margin-top: 0;margin-bottom: 30px;}
.CaseSwiper .prev-cs,.CaseSwiper .next-cs{display: none;}

.home-news-l{width: 100%;}
.home-news-l span{font-size: 18px; margin-bottom: 10px;}
.home-news-r{width: 100%;margin-left: 0;}
.home-news-r .more{float: left;}
.home-news{width: 100%; margin-bottom: 30px;}
.home-news-top .img{width: 100%; height: auto; margin-right: 0; margin-bottom: 30px;}
.home-news-top .img img{max-width: 100%; height: auto;}
.home-news-top .text{width: 100%;}
.home-news-top .text h2{font-size: 18px;}
.home-news-list ul li{width: 100%;}
.home-faq{width: 100%;margin-left: 0;}

.foot-left{width: 100%;}
.foot-logo img{max-width: 220px;}
.foot-right{width: 100%;}
.wx{width: 100%;}
.foot400{display: none;}
.footmenu{display: none;}

.copy-l{width: 100%;}
.copy-r{width: 100%;}

.Mobile-Foot{position:fixed; display: block; left:0; bottom:0; background-color: rgba(0,0,0,0.6); width:100%; border-top:3px solid #e60010; z-index: 99999;}
.Mobile-Foot ul {width:100%; overflow:hidden; padding:10px 0;}
.Mobile-Foot ul li{ float:left; width:25%; text-align:center; margin:0 auto;}
.Mobile-Foot ul li span{color: #FFF; font-size: 15px;}
.Mobile-Foot ul li i{font-size: 18px; margin-right: 8px;}
.Mobile-Foot ul li a{color: #FFF; }


 
 .menu-item{padding-left: 20px;height: 60px;}
 .menu-item i{font-size: 24px;margin-top:0;}
 .menu-item a{font-size: 16px;padding-left: 20px;}

 .menu_dl{ padding-left: 65px;}
 .menu_dl dd a{font-size: 15px;line-height: 36px;}

}